html,body{
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-family: "微软雅黑";
}
body,p,ul,dl,dd,dt,h1{
  margin: 0;
  padding: 0;
}
.w1100{
  width: 1100px;
  margin: 0 auto;
}
.clear:after{
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
li{
  list-style: none;
}
a{
  text-decoration: none;
}
i{
  font-style: normal;
}
h1{
  font-weight: normal;
}
.left{
  float: left;
}
.none{
  display: none;
}

#header{
  .header_topnav{
    background: #f2f2f2;
    border-bottom: 1px solid #dbdbdb;
    .w1100{
      .head_top_left{
        float: left;
        li{
          float: left;
          color: #6c6c6c;
          line-height: 30px;
          font-size: 12px;
          margin-right: 30px;
          a{
            color: #6c6c6c;
          }
        }
      }
      .head_top_right{
        float: right;
        li{
          position: relative;
          float: left;
          padding: 0 12px;
          line-height: 30px;
          font-size: 12px;
          >a{
            display: block;
            color: #6c6c6c;
            width: 61px;
            background: url("../../images/topnav.png") no-repeat 54px -70px;
          };
          >div{
            display: none;
            width: 100%;
            position: absolute;
            z-index: 10;
            left: -1px;
            border: 1px solid #ccc;
            border-top: 0;
            background: #fff;
            img{
              width: 100%;
            }
            p{
              a{
                display: block;
                padding-left: 15px;
                color:#6c6c6c;
              }
            }
          }
        }
        .hover_bg:hover{
          background: #fff;
          >a{
            background: url("../../images/topnav.png") no-repeat 54px -105px;
          }
        }
        li:nth-child(2) a{
          padding-left: 14px;
          width: 49px;
          background: url("../../images/topnav.png") no-repeat  ;
        }
        .item_line{
          width: 6px;
          padding: 0px 4px;
          color: #ccc;
        }
      }
    }
  }
  .header_center{
    .w1100{
      .head_clogo{
        float: left;
        a{
          display: block;
          font-size: 0;
        }
      }
      .head_info{
        float: right;
      }
      .head_csearch{
        float: left;
        margin-left: 80px;
        margin-top: 25px;
        form{
          input{
            border: 0;
            display: block;
            float: left;
          }
          input:nth-child(1){
            width: 318px;
            height: 26px;
            padding: 5px 2px 5px 10px;
            border: 2px solid #00c8ff;
            outline: none;
            font-size: 12px;
          }
          input:nth-child(2){
            width: 88px;
            height: 40px;
            background: #00c8ff;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
          }
        }
        ul{
          margin-top: 6px;
          li{
            float: left;
            border-right: 1px solid #ccc;
            a{
              display: block;
              line-height: 14px;
              color: #6c6c6c;
              font-size: 12px;
              margin: 0 9px;
            }
          }
          li:nth-child(1){
            margin-left: -7px;
          }
          li:nth-last-child(1){
            border: 0;
          }
        }
      }
      .head_cshop{
        float: right;
        margin-top: 26px;
        margin-right: 2px;
        position: relative;
        >p{
          display: none;
          position: absolute;
          z-index: 7;
          left: 26px;
          top: -18px;
          width: 30px;
          height: 30px;
          line-height: 27px;
          background: url("../../images/shopamount.png");
          text-align: center;
          color: #fff;
          font-size: 11px;
        }
        >a{
          position: relative;
          z-index: 7;
          display: block;
          padding-left: 45px;
          border: 1px solid #e2e2e2;
          width: 79px;
          height: 36px;
          background: url("../../images/topnav.png") no-repeat 11px -210px;
          box-shadow: 0 0px 2px #d8d8d8;
          border-radius: 3%;
          color: #6c6c6c;
          font-size: 12px;
          background-color: #fff;
          span{
            display: block;
            float: left;
            line-height: 36px;
          }
          i{
            display: block;
            float: left;
            margin: 3px 0 0 6px;
            width: 6px;
            height: 31px;
            background: url("../../images/topnav.png") no-repeat 0 -70px;
          }
        };
        .change{
          border-bottom: 0;
          box-shadow: 0 -1px 2px #d8d8d8;
        }
        .shop_goods{
          display: none;
          z-index: 6;
          position: absolute;
          top: 34px;
          right: 0px;
          background: #fff;
          width: 300px;
          border: 1px #e2e2e2 solid;
          box-shadow: 0 0px 2px #d8d8d8;
          border-radius: 1%;
          .goods_empty{
            padding: 30px 10px 40px;
            p{
              font-size: 24px;
              color: #c4c4c4;
              margin-top: 10px;
              text-align: center;
            }
            .goods_img{
              width: 135px;
              height: 164px;
              margin: 0 auto;
              background: url("../../images/empty.png") no-repeat;
            };
            .goods_style{
              font-size: 18px;
            }
          };
          .goods_has{
            background: #fff;
            display: none;
            >.goods_msg{
              width: 290px;
              overflow: hidden;
              padding: 10px 5px;
              background: #fff;
              overflow: auto;
              max-height: 280px;
              ul{
                padding: 0 10px;
                li{
                  padding: 10px 0;
                  border-bottom: 1px #e3e3e3 dotted;
                  >a{
                    display: block;
                    border: 1px #e4e4e4 solid;
                    float: left;
                    img{
                      display: block;
                      width: 78px;
                      height: 78px;
                    }
                  }
                  >.info_name{
                    float: left;
                    width: 160px;
                    margin-left: 10px;
                    >a{
                      display: block;
                      color: #888;
                      line-height: 18px;
                      font-size: 12px;
                      margin-top: 8px;
                      margin-bottom: 10px;
                      height: 36px;
                      overflow: hidden;
                    }
                    >div{
                      span{
                        float: left;
                        font-size: 16px;
                        color: #ff643c;
                      };
                      >p{
                        margin-left: 4px;
                        border: 1px #c6c6c6 solid;
                        width: 77px;
                        height: 24px;
                        float: left;
                        span{
                          width: 24px;
                          height: 24px;
                          float: left;
                          cursor: pointer;
                        }
                        #down_num{
                          background: url(../../images/updown.png) no-repeat 0 -24px;
                        };
                        input{
                          width: 29px;
                          height: 22px;
                          line-height: 24px;
                          text-align: center;
                          float: left;
                          font-family: Arial;
                          font-size: 14px;
                          border: 0;
                        }
                        #up_num{
                          background: url(../../images/updown.png) no-repeat 0 0;
                        };
                      };
                      >a{
                        margin-left: 5px;
                        margin-top: 10px;
                        font-size: 12px;
                        float: left;
                        color: #888;
                        text-decoration: underline;
                      }
                    }
                  };
                }
              }
            };
            >.goods_all{
              padding: 10px 20px;
              >p{
                color: #6c6c6c;
                >span{
                  color: #ff643c;
                  font-size: 18px;
                  font-family: Arial;
                  font-weight: bold;
                  margin: 0 2px;
                }
              };
              >div{
                p:nth-child(1){
                  float: left;
                  color: #888;
                  span{
                    color: rgb(255, 100, 60);
                    font-size: 14px;
                    font-family: 微软雅黑;
                    margin: 0px 3px 0px 4px;
                  };
                  i{
                    color: #ff643c;
                    font-size: 24px;
                    font-family: Arial;
                    font-weight: bold;
                    font-style: normal;
                  }
                }
                p:nth-child(2){
                  float: right;
                  width: 90px;
                  height: 26px;
                  background: #ff643c;
                  top: 19px;
                  >a{
                    display: block;
                    width: 90px;
                    height: 26px;
                    color: #fff;
                    text-align: center;
                    line-height: 26px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .header_mainnav{
    background: #00c8ff;
    .w1100{
      position: relative;
      .head_mnav_left{
        float: left;
        >ul{
          >li{
            float: left;
            >a{
              display: block;
              width: 120px;
              height: 35px;
              line-height: 35px;
              text-align: center;
              color: #fff;
              span{
                padding-right: 11px;
                background: url("../../images/mainnav.png") no-repeat right -8px;
              }
            };
          };
          >li:nth-child(1){
            background: #00647f;
          };
          >.img{
            img:nth-child(2){
              display: none;
            }
          }
          >.img:hover{
            img:nth-child(1){
              display: none;
            }
            img:nth-child(2){
              display: block;
            }
          }
          >.nav2:hover{
            background: #00647f;
            span{
              background: none;
            }
          }

          .mnav_nav2{
            display: none;
            background: #fff;
            z-index: 7;
            position: absolute;
            top: 35px;
            left: 0px;
            width: 100%;
            >div{
              padding: 4px 30px 40px 5px;
              >ul{
                li{
                  float: left;
                  width: 360px;
                  margin: 40px 0 0 40px;
                  >div{
                    background: url('../../images/m_nav.png') no-repeat;
                    width: 336px;
                    height: 23px;
                    padding: 0 0 6px 24px;
                    font-size: 16px;
                    font-weight: bold;
                    color: #6c6c6c;
                    border-bottom: 1px #c4c4c4 dotted;
                  };
                  p{
                    margin: 12px 20px 0 0px;
                    height: 16px;
                    float: left;
                    >a{
                      color: #6c6c6c;
                      font-size: 12px;
                    }
                  }
                }
              }
            }
          }
        }
      };
      .head_mnav_right{
        float: right;
        li{
          float: left;
          width: 0;
          height: 35px;
          margin-left: 8px;
          padding-left: 26px;
          overflow: hidden;
          cursor: pointer;
          >span{
            line-height: 35px;
            color: #fff;
          }
          transition: width 0.5s;
        }
        li:hover{
          width: 74px;
        }
        .baidu{
          background: url("../../images/assure2.png") no-repeat 0 0;
        }
        .quality{
          background: url("../../images/assure2.png") no-repeat 0 -35px;
        }
        .mail{
          background: url("../../images/assure2.png") no-repeat 0 -105px;
        }
        .return{
          background: url("../../images/assure2.png") no-repeat 0 -70px;
        }
      }
    }
  }
}

#footer{
  .foo_top{
    margin: 0 116.5px 35px;
    padding: 34px 0 0 16px;
    dl{
      float: left;
      margin-left: 20px;
      width:122px;
      dt{
        line-height: 16px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      a{
        display: block;
        color: #6c6c6c;
        font-size: 14px;
        line-height: 24px;
      }
      img{
        height: 103px;
      }
      .contact_method{
        font-weight: bold;
        font-size: 14px;
        margin-top: 6px;
      }
      .contact_phone{
        color: #00c8ff;
        font-weight: bold;
        margin-top: 8px;
      }
    }
    .footer_intro_mrl{
      margin-left: 8px;
    }
    .footer_intro_wechat{
      dt{
        margin-left: 6px;
      }
    }
  }
  .foo_cent{
    height: 35px;
    background: #00c8ff;
    ul{
      text-align: center;
      li{
        text-align: left;
        display: inline-block;
        width: 134px;
        height: 35px;
        line-height: 35px;
        margin-left: 8px;
        padding-left: 30px;
        font-family: '微软雅黑';
        color: #fff;
        font-weight: bold;
      }
      .baidu{
        background: url("../../images/assure2.png") no-repeat 0 0;
      }
      .quality{
        background: url("../../images/assure2.png") no-repeat 0 -35px;
      }
      .mail{
        background: url("../../images/assure2.png") no-repeat 0 -105px;
      }
      .return{
        background: url("../../images/assure2.png") no-repeat 0 -70px;
      }
    }
  }
  .foo_foo{
    margin-top: 14px;
    .w1100{
      padding-bottom: 45px;
      color: #6c6c6c;
      font-size: 11px;
      >div{
        color: #000;
        margin-bottom: 26px;
      }
      p{
        text-align: center;
        a{
          color: #6c6c6c;
        }
      }
      .footer_c_text2{
        margin: 7px 0 20px 0;
      }
    }
  }
}

